<template>
<div>
  <div class="ivu-input-wrapper ivu-input-wrapper-default ivu-input-type ivu-input-group ivu-input-group-default ivu-input-group-with-prepend ivu-input-group-with-append ivu-input-hide-icon">
    <div class="ivu-input-group-prepend" v-if="prepend" >
      <slot name="prepend"></slot>
    </div>
    <div class="ivu-input-default" v-if="middle">
      <slot name="middle"></slot>
    </div>
    <div class="ivu-input-group-append" v-if="append">
      <slot name="append"></slot>
    </div>
  </div>
</div>
</template>
<script>
export default {
  props: {
    prepend: {
      type: Boolean,
      default: false
    },
    middle: {
      type: Boolean,
      default: false
    },
    append: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
    }
  }
}
</script>
<style scoped>
  .ivu-input-group-append {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .ivu-input-group-prepend {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  /* .ivu-input-default .ivu-select-default .ivu-select-selection{
    border-radius:0px;
  } */
</style>
